<!DOCTYPE html>
<html lang="en">

<head>
    <title>沈阳市价业价格鉴证服务中心</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Free Bootstrap Business Template">
    <meta name="author" content="The Develovers">
    <!-- CSS -->
    <link rel="stylesheet" href="__ROOT__/font_awesome/css/font-awesome.min.css">
    <link href="__ROOT__/Home/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="__ROOT__/Home/assets/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="__ROOT__/Home/assets/css/main.css" rel="stylesheet" type="text/css">
    <link href="__ROOT__/Home/assets/css/my-custom-styles.css" rel="stylesheet" type="text/css">
    <!-- IE 9 Fallback-->
    <!--[if IE 9]>
    <link href="__ROOT__/Home/assets/css/ie.css" rel="stylesheet">
	<![endif]-->
    <!-- GOOGLE FONTS -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400italic,700,400,300' rel='stylesheet' type='text/css'>
    <!-- FAVICONS -->
    <link rel="shortcut icon" href="__ROOT__/Home/assets/ico/favicon.png">

    <style>
        .tlength{
            width: 220px;
        }
        p{
            text-indent: 2em;  /*em是相对单位，2em即现在一个字大小的两倍*/
        }
    </style>
    <script src="__ROOT__/Home/assets/js/jquery-2.1.1.min.js"></script>
    <script src="__ROOT__/Home/assets/js/bootstrap.min.js"></script>
    <script src="__ROOT__/Home/assets/js/plugins/slick/slick.min.js"></script>
    <script src="__ROOT__/Home/assets/js/plugins/stellar/jquery.stellar.min.js"></script>
    <script src="__ROOT__/Home/assets/js/repute-scripts.js"></script>
</head>

<body>
    <!-- WRAPPER -->
    <div class="wrapper">
        <!-- 导航栏 -->
        <include file="./Home/View/nav-home.html" />
        <!-- END 导航栏 -->

        <!-- Banner图部分 修改后 -->
        <section class="hero-unit-slider slider-responsive no-margin">
            <div id="carousel-hero" class="slick-carousel">
                <div class="carousel-inner" role="listbox">
                    <!-- 一组 Banner元素-->
                    <foreach name="banner_info" item="v" key="k">
                        <div class="item active">
                            <img src="__ROOT__/Uploads/Images/Banner/banner{$k + 1}.png" class="img-responsive" alt="Slider Image">
                            <div class="carousel-caption">
                                <h2 class="hero-heading">{$v.banner_header}</h2>
                                <br><br>
                                <p class="lead">{$v.banner_text}</p>
                            </div>
                        </div>
                    </foreach>
                </div>
            </div>
        </section>
        <!-- END Banner图部分 修改后 -->

        <!-- 四个引导图标 -->
        <div class="main-features ">
            <div class="container">
                <div class="row">
                    <a href="__ROOT__/Home/Pages/about_us" style="color: #94B6DF">
                        <div class="col-md-3 col-sm-6">
                            <i class="fa fa-eercast "></i>
                            <h3 class="feature-heading">资质优势</h3>
                        </div>
                    </a>
                    <a href="__ROOT__/Home/Pages/com_new" style="color: #94B6DF">
                        <div class="col-md-3 col-sm-6">
                            <i class="fa fa-linode "></i>
                            <h3 class="feature-heading">中心动态</h3>
                        </div>
                    </a>
                    <a href="__ROOT__/Home/Pages/about_us" style="color: #94B6DF">
                        <div class="col-md-3 col-sm-6">
                            <i class="fa fa-id-card "></i>
                            <h3 class="feature-heading">员工资历</h3>
                        </div>
                    </a>
                    <a href="__ROOT__/Home/Pages/law" style="color: #94B6DF">
                        <div class="col-md-3 col-sm-6">
                            <i class="fa fa-newspaper-o "></i>
                            <h3 class="feature-heading">法律法规</h3>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- END 四个引导图标 -->

        <!-- 企业简介板块 -->
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h1 class="section-heading" style="font-size: 40px">中心简介</h1>
                        <p class="lead">{$company_info.company_header}</p>
                        <p>{$company_info.company_text}</p>
                    </div>
                    <div class="col-md-6">
                        <img src="__ROOT__/Uploads/Images/Company/companyIndex.png" class="img-responsive" alt="Image Intro" style="height: 380px;margin:0 auto;">
                    </div>
                </div>
            </div>
        </section>
        <!-- END 企业简介板块 -->

        <!-- 服务范围 -->
        <section>
            <div class="container">
                <div class="row">
                    <foreach name="serve_info" item="v" key="k">
                        <div class="col-md-6">
                            <div class="boxed-content left-aligned left-boxed-icon">
                                <i class="fa fa-{$v.serve_icon}"></i>
                                <h2 class="boxed-content-title">{$v.serve_header}</h2>
                                <p>{$v.serve_text}.</p>
                            </div>
                        </div>
                    </foreach>
                </div>
            </div>
        </section>
        <!-- END 服务范围 -->
        
        <!-- 服务宗旨部分 --> 
        <section>
            <div class="container">
                <!--<h2 class="section-heading sr-only">WHY REPUTE</h2>-->
                <div class="tab-content">
                <foreach name="slogan_info" item="v" key="k">
                    <div class="tab-pane fade in text-center" id="tab-bottom{$k + 1}">
                        <img src="__ROOT__/Uploads/Images/Slogan/sloganImg{$k + 1}.png" class="img-responsive center-block margin-bottom-30px" style="height: 220px;">
                        <h3 class="text-accent-color">{$v.slogan_header}</h3>
                        <p class="lead">{$v.slogan_text}</p>
                    </div>
                </foreach>
                </div>
                <div class="custom-tabs-line tabs-line-top">
                    <ul class="nav" role="tablist">
                        <li class="active"><a href="#tab-bottom1" role="tab" data-toggle="tab">{$slogan_info[0].slogan_btn}</a></li>
                        <li><a href="#tab-bottom2" role="tab" data-toggle="tab">{$slogan_info[1].slogan_btn}</a></li>
                        <li><a href="#tab-bottom3" role="tab" data-toggle="tab">{$slogan_info[2].slogan_btn}</a></li>
                        <li><a href="#tab-bottom4" role="tab" data-toggle="tab">{$slogan_info[3].slogan_btn}</a></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- END 服务宗旨部分 -->

        <!-- 公司展示部分 -->
        <section class="recent-works">
            <div class="container">
                <h2 class="section-heading pull-left">中心展示</h2>
                <a href="__ROOT__/Home/Pages/about_us" class="btn btn-primary pull-right">查看更多</a>
                <div class="clearfix"></div>
                <div class="portfolio-static">
                    <div class="row">
                        <foreach name="company_show_info" item="v" key="k">
                            <div class="col-md-4">
                                <div class="portfolio-item">
                                    <div class="overlay"></div>
                                    <div class="info">
                                        <h4 class="title">{$v.company_show_title}</h4>
                                        <br>
                                        <p class="brief-description">{$v.company_show_text}</p>
                                    </div>
                                    <div class="media-wrapper">
                                        <img src="__ROOT__/Uploads/Images/Company_show/work{$k + 1}.png" />
                                    </div>
                                </div>
                            </div>
                        </foreach>
                    </div>
                </div>
            </div>
        </section>
        <!-- END 公司展示部分 -->

        <!-- 业务范围 -->
        <section>
            <div class="container">
                <h2 class="section-heading">业务范围</h2>
                <div class="row">
                    <div class="col-md-4">
                        <!--大图标大标题大内容-->
                        <div class="news-item news-featured">
                            <img src="__ROOT__/Uploads/Images/Business/business1.png" class="img-responsive">
                            <h3 class="news-title">{$business_info[0].business_header}</h3>
                            <p style="text-indent: 0px;">{$business_info[0].business_text}</p>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <!--小图标小标题小内容-->
                        <div class="row">
                            <for start="1" end="6">
                                <div class="col-md-6 col-sm-6">
                                    <div class="news-item margin-bottom-30px clearfix">
                                        <img src="__ROOT__/Uploads/Images/Business/business{$i + 1}.png" class="img-responsive pull-left" style="height: 73px">
                                        <div class="right">
                                            <h3 class="news-title">{$business_info[$i].business_header}</h3>
                                            <p style="text-indent: 0px;">{$business_info[$i].business_text}</p>
                                        </div>
                                    </div>
                                </div>
                            </for>

                            <div class="col-md-6 col-sm-6">
                                <div class="see-all-news">
                                    <a href="__ROOT__/Home/Pages/server">查看更多 <i class="fa fa-long-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END 业务范围 -->

        <!-- 发展历程 -->
        <section class="full-width-section no-margin">
            <div class="container">
                <div class="row">
                    <foreach name="year_info" item="v" key="k">
                    <div id="dd{$k + 1}" class="col-sm-3 col-xs-6 tlength">
                        <div class="number-info horizontal text-white-color">
                            <i class="fa fa-clock-o pull-left"></i>
                            <p style="text-indent: 0px;">
                                {$v.year_num}
                                <span>{$v.year_title}</span>
                            </p>
                        </div>
                    </div>
                    </foreach>
                </div>
                <br>
                <foreach name="year_info" item="v" key="k">
                <div class="row" style="display: none" id="dp{$k + 1}">
                    <p class="text-white-color">{$v.year_text}</p>
                </div>
                </foreach>
            </div>
        </section>
        <!-- END 发展历程 -->

        <!-- 彩电塔板块 -->
        <section id="testimoial-parallax" class="testimonial-with-bg parallax">
            <div class="container">
                <div class="testimonial slick-carousel">
                    <div class="testimonial-container">
                        <div class="testimonial-body">
                            <p style="font-size: 40px">{$ta_info.caita_header}</p>
                            <p>{$ta_info.caita_text}</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END 彩电塔板块 -->

        <!-- 合作单位 -->
        <section class="clients">
            <div class="container" style="margin: auto">
                <h2 class="section-heading">合作单位</h2>
                <ul class="list-inline list-client-logo">
                    <foreach name="data" item="v" key="k">
                        <foreach name="v" item="vv">
                            <img src="__ROOT__/Uploads/Images/FriendCom/{$vv.imgpathname}"  width="60px" height="60px" style="margin: 15px">
                        </foreach>
                    </foreach>
                </ul>
            </div>
        </section>
        <!-- END 合作单位 -->

        <!-- CALL-TO-ACTION -->
        <section class="call-to-action">
            <div class="container">
                <div class="pull-left">
                    <h2 class="section-heading">联系我们</h2>
                </div>
                <div class="pull-right">
                    <p style="text-indent: 0px;">TEL： {$com_info.com_tel} <br> E-mail： {$com_info.com_email}</p>
                </div>
            </div>
        </section>
        <!-- END CALL-TO-ACTION -->

        <!-- 页脚部分 -->
        <include file="./Home/View/footer-home.html"/>
        <!-- END 页脚部分 -->
    </div>
    <!-- END WRAPPER -->
    <!-- JAVASCRIPTS -->
    <script>
        $(function(){
            $(".dropdown").removeClass("active");
            $("#pageIndex").addClass("active");
            $("#tab-bottom1").addClass('active');
            $("div[id^='dp']").css("display", "none");

            $("div[id^='dd']").mouseover(function(){
                switch (this.id) {
                case 'dd1':
                    $('#dp1').css("display", "block");
                    break;
                case 'dd2':
                    $('#dp2').css("display", "block");
                    break;
                case 'dd3':
                    $('#dp3').css("display", "block");
                    break;
                case 'dd4':
                    $('#dp4').css("display", "block");
                    break;
                case 'dd5':
                    $('#dp5').css("display", "block");
                    break;
                }
            }).mouseout(function(){
                // alert(this.id);
                $("div[id^='dp']").css("display", "none");
            });
        });

    </script>
</body>

</html>
